.widget-body.dark-theme {
    margin: 100px;
}

.wallet-info {
    display: flex;
    justify-content: flex-start;
    gap: 10px;
    margin-bottom: 20px;
    align-items: baseline;
}

.wallet-value {
    font-size: 3em;
    font-weight: bold;
}

.wallet-label {
    font-size: 1em;
    color: #b0b0b0;
}

.wallet-actions {
    margin-top: 20px;
}

.form-group {
    margin-bottom: 15px;
}

.wallet-form-control {
    width: 100%;
    padding: 15px;
    margin-top: 5px;
    border-radius: 4px;
    background-color: #2a2a2a;
    color: white;
    border: 1px solid rgba(255, 255, 255, 0.15);
}

.btn {
    padding: 10px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

.btn-primary {
    background-color: #6200ee;
    color: #ffffff;
}

.btn-primary:hover {
    background-color: #3700b3;
}

select {
    width: 100%;
    padding: 15px;
    background-color: transparent;
    color: gray;
    font-size: 16px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    border: 2px solid rgba(255, 255, 255, 0.15);

}

select option {
    background-color: #444;
    color: #fff;
    font-size: 16px;
}

select option:checked {
    background-color: #666;
    color: #fff;
}

.wallet-list {
    margin-top: 50px;
}

.wallet-list h2 {
    margin-bottom: 15px;
}

.wallet-table {
    width: 100%;
    border-collapse: collapse;
}

.wallet-header {
    color: #ffffff;
    padding: 10px;
    text-align: left;
    border-bottom: 3px solid #444444;
}

.wallet-item:hover {
    background-color: #3c3c3c;
}

.wallet-item td {
    padding: 10px;
    border-bottom: 1px solid #444444;
}

.wallet-date,
.wallet-amount,
.transaction-operation,
.purchase-tokenname {
    color: #b0b0b0;
}

.wallet-amount {
    font-weight: bold;
    color: #ffffff;
}

.transaction-operation,
.purchase-tokenname {
    text-transform: capitalize;
}